<template>
<div>
  <div class="txt-block">
    <span class="lb">条件</span>
    <span class="val">{{mySearchResult_query.key || '无'}}</span>
  </div>
  <!-- <div class="txt-block">
    <span class="lb">命中</span>
    <span class="val">{{info.hit || '无数据'}}</span>
  </div> -->
  <!-- <div class="txt-block">
    <span class="lb">资源</span>
    <span class="val">{{info.source || '无数据'}}</span>
  </div>
  <div class="txt-block">
    <span class="lb">用时</span>
    <span class="val">{{info.time || '无数据'}}</span>
  </div> -->
  <div class="switcher__con">
     <switcher></switcher>
  </div>
  <!-- <div class="search-input">
    <el-input
      placeholder="输入单号或关键字">
      <i class="iconfont-page icon-page-chazhao" slot="suffix" @click="search"></i>
    </el-input>
  </div> -->
  <div class="export-btn__con">
     <export-btn></export-btn>
  </div>
</div>
</template>
<script>
import switcher from './switcher'
import exportBtn from './export-btn'
import {mapState} from 'vuex'
export default {
    components: {
      switcher,
      exportBtn
    },
    props: {
      info: {
        type: Object
      }
    },
    computed: {
      ...mapState(['mySearchResult_query'])
    },
    data () {
      return {
      }
    },
    methods: {
      search() {
      }
    },
    mounted() {
      setTimeout(() => {
        console.log(this.mySearchResult_query);
      }, 2000)
    }
  }
</script>